<template>
	<view>
		<view class="addressContainer">
			<!-- 收货人 -->
			<view class="name"> <text>收货人</text> <input type="text" placeholder="请输入收货人姓名" /> </view>
			<!-- 联系电话 -->
			<view class="name"> <text>联系电话</text> <input type="number" placeholder="请输入联系电话或手机号" /> </view>
			<!-- 所在地区 -->
			<view class="name"> <text>所在地区</text> <input type="text" placeholder="省、市、区、街道、" /> </view>
			<!-- 详细地址 -->
			<view class="name">
				<text>详细地址</text> <textarea name="" id="" cols="4" rows="4" placeholder="小区楼栋/乡村名称"></textarea>
			</view>
			<!-- 默认地址 -->
			<view class="setDefault"> <text>设为默认收货地址</text> <switch color="#c00000" @change="" /> </view>

			<!-- 保存按钮 -->
			<button type="default">保存</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {}
	}
}
</script>

<style lang="scss">
.addressContainer {
	padding: 10px 15px;
	font-size: 18px;
	view {
		margin-top: 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	input,
	textarea {
		padding: 10px;
		width: 70%;
		height: 20px;
		border-radius: 10px;
		background-color: #dfdfdf;
	}

	textarea {
		height: 60px;
	}
	.input-placeholder,
	.textarea-placeholder {
		font-size: 16px;
	}

	button {
		margin-top: 20px;
		background-color: #c00000;
		color: #fff;
	}
}
</style>
